Skip to main content

↩ī¸ Go back

The Go Back feature in AppStruct provides an easy way to navigate to the previous screen in your app. This feature enhances user experience by allowing users to move back to the previous page they visited, offering intuitive and user-friendly navigation control. The Go Back action is particularly useful for building multi-step forms, detail views, or any screen flow where users might need to revisit the previous screen.

Adding a Go Back Action to a Component

  1. Navigate to the Canvas area in your AppStruct workspace, where your device screens are displayed.
  2. Click on the component (e.g., button, image, or icon) to which you want to add a Go Back action.
  3. Once the component is selected, the Left Toolbar will appear, showing configuration options for the selected component.
  4. Under the Click Actions section in the Left Toolbar, click on "Add Action" to open the list of available actions.

Configuring the Go Back Action​

  1. From the list of available actions, click on "Go Back". This will add a new section labeled Go Back under Click Actions.
  2. Once the Go Back action is added, no additional configuration is needed. The Go Back action will automatically take users to the previous screen when triggered.

Optional: Add Multiple Actions

  • You can add multiple actions to a component.
  • To do this, click on the "+ Add Another Action" button. For example, you might want to also trigger an animation or show a message along with the Go Back action.

Testing the Go Back Action​

  1. Click on the "Preview" button located in the Up Toolbar to enter preview mode.
  2. In preview mode, interact with the component to which you added the Go Back action.
  3. Confirm that clicking on the component successfully takes you back to the previous screen.

Best Practices​

To make the best use of the Go Back feature, consider the following best practices:

  1. Use Intuitive Labels:
    • For components such as buttons, use text like "Back" or "Previous" to make the function clear to users.
  2. Positioning Matters:
    • Place the component with the Go Back action in easily accessible areas, such as the top-left corner or the bottom navigation bar, where users expect navigation controls.
  3. Ensure Logical Navigation Flow:
    • Use the Go Back action only where the previous screen is logical and helpful for users.
    • Avoid creating loops or confusing navigation paths.
  4. Test with User Flow:
    • Test the Go Back feature within different navigation flows to ensure that it works correctly and enhances the user experience.

Troubleshooting​

If you encounter issues while using the Go Back feature, refer to the troubleshooting steps below:

Issue 1: Component Does Not Go Back to the Previous Screen

  • Solution:
    • Ensure that the Go Back action is correctly selected in the Click Actions settings.
    • Confirm that the component is properly linked to a prior navigation sequence.

Issue 2: Multiple Actions Not Working as Expected

  • Solution:
    • If multiple actions are added, ensure that they do not conflict with one another.
    • Consider separating actions into multiple components to avoid complications.

Need Assistance?​

If you encounter any challenges or require further guidance while building your app, please refer to the Documentation or, contact our support team at [email protected].

Happy Building with AppStruct!